<template>
  <div>
    <V-CommonHeaderLeft>
      <div class="container">
        <div class="nav">
          <navigation :msg="navMsg"></navigation>
        </div>
        <div class="content">
          <div class="nav1">
            <publicNavigation :pub="pub"></publicNavigation>
          </div>
          <div id="box" :style="{ height:height }"></div>
        </div>
      </div>
    </V-CommonHeaderLeft>
  </div>
</template>

<script>
import publicNavigation from '@/views/setUp/publicNavigation/publicNavigation'
import VCommonHeaderLeft from '@/components/common/vCommonHeaderLeft/VCommonHeaderLeft'
import navigation from '@/components/common/navigation/Navigation'
export default {
  data () {
    return {
      pub: '5',
      height: '',
      navMsg: [
        {
          name: '设置',
          path: '/enterpriseInformation'
        },
        {
          name: '仓库设置',
          path: ''
        }
      ]
    }
  },
  created () {
    this.getHeight()
  },
  methods: {
    getHeight () {
      this.height = window.innerHeight - 180 + 'px'
    }
  },
  components: {
    VCommonHeaderLeft,
    navigation,
    publicNavigation
  }
}
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  margin-right: 10px;
  .content {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    #box {
      overflow-y: scroll;
    }
  }
}
</style>
